<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>豆瓣</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/first.css">
    <link rel="shortcut icon" type="image/x-icon" href="../image/favicon.ico">
</head>

<body>
    <div class="title">
        <h1>
            <a href="">豆瓣</a>
        </h1>
    </div>
    <div class="title1 clearfix">
        <div class="img left">
            <img src="../image/logo_2.png" alt="">
        </div>
        <div class="inp left">
            <input type="text" placeholder="书籍、电影、音乐、小组、小站、成员" maxlength="60">
            <i class="icon iconfont icon-sousuo"></i>
        </div>
        <div class="right">
            <ul>
                <li>
                    <a href="" class="type1">读书</a>
                </li>
                <li>
                    <a href="" class="type2">电影</a>
                </li>
                <li>
                    <a href="" class="type3">音乐</a>
                </li>
                <li>
                    <a href="" class="type4">同城</a>
                </li>
                <li>
                    <a href="" class="type5">读书</a>
                </li>
                <li>
                    <a href="" class="type6">电影</a>
                </li>
                <li>
                    <a href="" class="type7">音乐</a>
                </li>
                <li>
                    <a href="" class="type8">同城</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="area_login">
        <div class="wrapper">
            <div class="load">
                <span>豆瓣 7.0</span>
                <a href="" class="load_app">下载豆瓣 App</a>
                <div class="obj_load">
                    <img src="../image/icon_qrcode_green.png" alt="" class="qr_code">
                    <div class="qr_codeInfo hide">
                        <img src="../image/doubanapp_qrcode.png" alt="" class="qr_codeBig">
                        <span>iOS / Android 扫码直接下载</span>
                    </div>
                </div>
            </div>
            <div class="login right">
                <iframe src="./login.html" frameborder="0" style="width: 300px;  height: 300px;"></iframe>
            </div>
        </div>
    </div>
    <div class="area_hotPint section">
        <div class="wrapper">
            <div class="title_img">
                <img src="../image/273436502684bdb.jpg" alt="">
            </div>
            <div class="area_Right">
                <div class="com_title">
                    热点话题 · · · · · ·
                    <span>( <a href="">去话题广场</a> )</span>
                </div>
                <ul>
                    <li>
                        <a href="">看展记</a>
                        <span>7802.2万次浏览</span>
                    </li>
                    <li>
                        <a href="">看展记</a>
                        <span>7802.2万次浏览</span>
                    </li>
                    <li>
                        <a href="">看展记</a>
                        <span>7802.2万次浏览</span>
                    </li>
                    <li>
                        <a href="">看展记</a>
                        <span>7802.2万次浏览</span>
                    </li>
                    <li>
                        <a href="">看展记</a>
                        <span>7802.2万次浏览</span>
                    </li>
                    <li>
                        <a href="">看展记</a>
                        <span>7802.2万次浏览</span>
                    </li>
                </ul>
            </div>
            <div class="area_Main clearfix">
                <div class="com_title">
                    热点内容 · · · · · ·
                    <span>( <a href="">更多</a> )</span>
                </div>
                <div class="albums left">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../image/p2633074055.png" alt="">
                            </a>
                            <a href="">寻找麒麟</a>
                            <span>52张照片</span>
                        </li>
                        <li>
                            <a href="">
                                <img src="../image/p2633074055.png" alt="">
                            </a>
                            <a href="">寻找麒麟</a>
                            <span>52张照片</span>
                        </li>
                        <li>
                            <a href="">
                                <img src="../image/p2633074055.png" alt="">
                            </a>
                            <a href="">寻找麒麟</a>
                            <span>52张照片</span>
                        </li>
                        <li>
                            <a href="">
                                <img src="../image/p2633074055.png" alt="">
                            </a>
                            <a href="">寻找麒麟</a>
                            <span>52张照片</span>
                        </li>
                    </ul>
                </div>
                <div class="notes right">
                    <ul>
                        <li>
                            <a href="">媒介蒙太奇 之 观看奥运</a>
                            <span class="span1">王璞一零一的日记</span>
                            <span class="span2">媒介蒙太奇·观看奥运 I
                                2000年9月某天，我刚下课，经过北大某老教学楼旁的某老食堂，里面突然爆出剧烈的欢呼声。那大约是悉尼奥运某场乒乓球或羽毛球决赛，学生们...</span>
                        </li>
                        <li><a href="">Lorem ipsum dolor sit amet.</a></li>
                        <li><a href="">Lorem ipsum dolor sit amet consectetur.</a></li>
                        <li><a href="">Lorem, ipsum.</a></li>
                        <li><a href="">Lorem ipsum dolor sit amet, consectetur adipisicing.</a></li>
                        <li><a href="">Lorem ipsum dolor sit amet.</a></li>
                        <li><a href="">Lorem, ipsum dolor.</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="area_time section">
        <div class="wrapper">
            <div class="area_Left">
                <h2>
                    <a href="">豆瓣时间</a>
                </h2>
            </div>
            <div class="area_Main">
                <div class="com_title">
                    热门专栏 · · · · · ·
                    <span>( <a href="">更多</a> )</span>
                </div>
                <ul>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/e6bf1318-4ccb-11ec-9cf5-5ed25122d066.jpg" alt="">
                            </a>
                        </div>
                        <a href="">穿越文学经典——复旦梁永安的爱情课</a>
                        <span>音频专栏</span>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/e6bf1318-4ccb-11ec-9cf5-5ed25122d066.jpg" alt="">
                            </a>
                        </div>
                        <a href="">穿越文学经典——复旦梁永安的爱情课</a>
                        <span>音频专栏</span>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/e6bf1318-4ccb-11ec-9cf5-5ed25122d066.jpg" alt="">
                            </a>
                        </div>
                        <a href="">穿越文学经典——复旦梁永安的爱情课</a>
                        <span>音频专栏</span>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/e6bf1318-4ccb-11ec-9cf5-5ed25122d066.jpg" alt="">
                            </a>
                        </div>
                        <a href="">穿越文学经典——复旦梁永安的爱情课</a>
                        <span>音频专栏</span>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/e6bf1318-4ccb-11ec-9cf5-5ed25122d066.jpg" alt="">
                            </a>
                        </div>
                        <a href="">穿越文学经典——复旦梁永安的爱情课</a>
                        <span>音频专栏</span>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/e6bf1318-4ccb-11ec-9cf5-5ed25122d066.jpg" alt="">
                            </a>
                        </div>
                        <a href="">穿越文学经典——复旦梁永安的爱情课</a>
                        <span>音频专栏</span>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/e6bf1318-4ccb-11ec-9cf5-5ed25122d066.jpg" alt="">
                            </a>
                        </div>
                        <a href="">穿越文学经典——复旦梁永安的爱情课</a>
                        <span>音频专栏</span>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/e6bf1318-4ccb-11ec-9cf5-5ed25122d066.jpg" alt="">
                            </a>
                        </div>
                        <a href="">穿越文学经典——复旦梁永安的爱情课</a>
                        <span>音频专栏</span>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/e6bf1318-4ccb-11ec-9cf5-5ed25122d066.jpg" alt="">
                            </a>
                        </div>
                        <a href="">穿越文学经典——复旦梁永安的爱情课</a>
                        <span>音频专栏</span>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/e6bf1318-4ccb-11ec-9cf5-5ed25122d066.jpg" alt="">
                            </a>
                        </div>
                        <a href="">穿越文学经典——复旦梁永安的爱情课</a>
                        <span>音频专栏</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="area_film section">
        <div class="wrapper">
            <div class="area_Left">
                <h2>
                    <a href="">电影</a>
                </h2>
                <ul>
                    <li>
                        <div class="new_type">
                            <a href="">影讯&购票</a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="">影讯&购票</a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="">影讯&购票</a>
                        </div>
                    </li>
                    <li>
                        <div class="new_type">
                            <a href="">Lorem.</a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="">影讯&购票</a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="">影讯&购票</a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="area_Right">
                <div class="com_title">
                    影片分类 · · · · · ·
                    <span>( <a href="">更多</a> )</span>
                </div>
                <ul>
                    <li>
                        <a href="">爱情</a>
                    </li>
                    <li><a href="">测试1</a></li>
                    <li><a href="">测试2</a></li>
                    <li><a href="">测试3</a></li>
                    <li><a href="">测试4</a></li>
                    <li><a href="">测试5</a></li>
                    <li><a href="">测试6</a></li>
                    <li><a href="">测试7</a></li>
                    <li><a href="">测试8</a></li>
                    <li><a href="">测试9</a></li>
                    <li><a href="">测试10</a></li>
                    <li><a href="">测试11</a></li>
                    <li><a href="">测试12</a></li>
                    <li><a href="">测试13</a></li>
                    <li><a href="">测试14</a></li>
                    <li><a href="">测试15</a></li>
                    <li><a href="">测试16</a></li>
                    <li><a href="">测试17</a></li>
                    <li><a href="">测试18</a></li>
                    <li><a href="">测试19</a></li>
                    <li><a href="">测试20</a></li>
                    <li><a href="">测试21</a></li>
                    <li><a href="">测试22</a></li>
                    <li><a href="">测试23</a></li>
                    <li><a href="">测试24</a></li>
                    <li><a href="">测试25</a></li>
                    <li><a href="">测试26</a></li>
                    <li><a href="">测试27</a></li>
                    <li><a href="">测试28</a></li>
                </ul>
                <div class="com_title">
                    近期热门 · · · · · ·
                    <span>( <a href="">更多</a> )</span>
                </div>
                <ul>
                    <li class="index_li">
                        <a href="">不要抬头</a>
                    </li>
                    <li class="index_li">
                        <a href="">不要抬头</a>
                    </li>
                    <li class="index_li"><a href="">Lorem, ipsum dolor.</a></li>
                    <li class="index_li"><a href="">In, deserunt aliquid!</a></li>
                    <li class="index_li"><a href="">Amet, magni qui?</a></li>
                    <li class="index_li"><a href="">Soluta, dolores dignissimos.</a></li>
                    <li class="index_li"><a href="">Dicta, asperiores hic?</a></li>
                    <li class="index_li"><a href="">Lorem, ipsum.</a></li>
                    <li class="index_li"><a href="">Aliquam, numquam.</a></li>
                    <li class="index_li"><a href="">Consequatur, dolor.</a></li>
                </ul>
            </div>
            <div class="area_Main">
                <div class="com_title">
                    正在热映 · · · · · ·
                    <span>( <a href="">更多</a> )</span>
                </div>
                <ul>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/p2772925591.png" alt="">
                            </a>
                        </div>
                        <a href="">爱情神话</a>
                        <div class="star">
                            <span class="star40"></span>
                            <span class="num">8.3</span>
                        </div>
                        <button>选座购票</button>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/p2772925591.png" alt="">
                            </a>
                        </div>
                        <a href="">爱情神话</a>
                        <div class="star">
                            <span class="star45"></span>
                            <span class="num">8.3</span>
                        </div>
                        <button>选座购票</button>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/p2772925591.png" alt="">
                            </a>
                        </div>
                        <a href="">爱情神话</a>
                        <div class="star">
                            <span class="star50"></span>
                            <span class="num">8.3</span>
                        </div>
                        <button>选座购票</button>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/p2772925591.png" alt="">
                            </a>
                        </div>
                        <a href="">爱情神话</a>
                        <div class="star">
                            <span class="star40"></span>
                            <span class="num">8.3</span>
                        </div>
                        <button>选座购票</button>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/p2772925591.png" alt="">
                            </a>
                        </div>
                        <a href="">爱情神话</a>
                        <div class="star">
                            <span class="star40"></span>
                            <span class="num">8.3</span>
                        </div>
                        <button>选座购票</button>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/p2772925591.png" alt="">
                            </a>
                        </div>
                        <a href="">爱情神话</a>
                        <div class="star">
                            <span class="star40"></span>
                            <span class="num">8.3</span>
                        </div>
                        <button>选座购票</button>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/p2772925591.png" alt="">
                            </a>
                        </div>
                        <a href="">爱情神话</a>
                        <div class="star">
                            <span class="star45"></span>
                            <span class="num">8.3</span>
                        </div>
                        <button>选座购票</button>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/p2772925591.png" alt="">
                            </a>
                        </div>
                        <a href="">爱情神话</a>
                        <div class="star">
                            <span class="star50"></span>
                            <span class="num">8.3</span>
                        </div>
                        <button>选座购票</button>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="area_group section">
        <div class="wrapper">
            <div class="area_Left">
                <h2>
                    <a href="">小组</a>
                </h2>
                <ul>
                    <li>
                        <div>
                            <a href="">精选</a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="">文化</a>
                        </div>
                    </li>
                    <li>
                        <div><a href="">Lorem.</a></div>
                    </li>
                    <li>
                        <div><a href="">Esse.</a></div>
                    </li>
                    <li>
                        <div><a href="">Cum?</a></div>
                    </li>
                    <li>
                        <div><a href="">Quae!</a></div>
                    </li>
                    <li>
                        <div><a href="">Atque.</a></div>
                    </li>
                </ul>
            </div>
            <div class="area_Right">
                <div class="com_title">
                    小组分类 · · · · · ·
                </div>
                <div class="group-cate">
                    <ul>
                        <li class="cate-label">
                            <a href="">兴趣» </a>
                        </li>
                        <li>
                            <a href="">旅行 </a>
                        </li>
                        <li>
                            <a href="">摄影 </a>
                        </li>
                        <li><a href="">Lorem.</a></li>
                        <li><a href="">Rem.</a></li>
                        <li><a href="">Obcaecati.</a></li>
                        <li><a href="">Ducimus!</a></li>
                        <li><a href="">Quod.</a></li>
                        <li><a href="">Possimus.</a></li>
                        <li><a href="">Distinctio!</a></li>
                        <li><a href="">Nemo!</a></li>
                        <li><a href="">Aut.</a></li>
                        <li><a href="">Sed.</a></li>
                    </ul>
                </div>
                <div class="group-cate">
                    <ul>
                        <li class="cate-label">
                            <a href="">生活» </a>
                        </li>
                        <li>
                            <a href="">旅行 </a>
                        </li>
                        <li>
                            <a href="">摄影 </a>
                        </li>
                        <li><a href="">Lorem.</a></li>
                        <li><a href="">Rem.</a></li>
                        <li><a href="">Quod.</a></li>
                        <li><a href="">Possimus.</a></li>
                        <li><a href="">Distinctio!</a></li>
                        <li><a href="">Nemo!</a></li>
                        <li><a href="">Aut.</a></li>
                        <li><a href="">Sed.</a></li>
                    </ul>
                </div>
                <div class="group-cate">
                    <ul>
                        <li class="cate-label">
                            <a href="">购物» </a>
                        </li>
                        <li>
                            <a href="">旅行 </a>
                        </li>
                        <li>
                            <a href="">摄影 </a>
                        </li>
                        <li><a href="">Lorem.</a></li>
                        <li><a href="">Rem.</a></li>
                        <li><a href="">Obcaecati.</a></li>
                        <li><a href="">Ducimus!</a></li>
                        <li><a href="">Aut.</a></li>
                        <li><a href="">Sed.</a></li>
                    </ul>
                </div>
                <div class="group-cate">
                    <ul>
                        <li class="cate-label">
                            <a href="">社会» </a>
                        </li>
                        <li>
                            <a href="">旅行 </a>
                        </li>
                        <li>
                            <a href="">摄影 </a>
                        </li>
                        <li><a href="">Lorem.</a></li>
                        <li><a href="">Rem.</a></li>
                        <li><a href="">Obcaecati.</a></li>
                        <li><a href="">Ducimus!</a></li>
                        <li><a href="">Quod.</a></li>
                        <li><a href="">Possimus.</a></li>
                        <li><a href="">Distinctio!</a></li>
                        <li><a href="">Nemo!</a></li>
                        <li><a href="">Aut.</a></li>
                        <li><a href="">Sed.</a></li>
                    </ul>
                </div>
                <div class="group-cate">
                    <ul>
                        <li class="cate-label">
                            <a href="">学术» </a>
                        </li>
                        <li>
                            <a href="">旅行 </a>
                        </li>
                        <li>
                            <a href="">摄影 </a>
                        </li>
                        <li><a href="">Lorem.</a></li>
                        <li><a href="">Rem.</a></li>
                        <li><a href="">Obcaecati.</a></li>
                        <li><a href="">Ducimus!</a></li>
                        <li><a href="">Quod.</a></li>
                        <li><a href="">Possimus.</a></li>
                        <li><a href="">Distinctio!</a></li>
                        <li><a href="">Nemo!</a></li>
                        <li><a href="">Aut.</a></li>
                        <li><a href="">Sed.</a></li>
                    </ul>
                </div>
                <div class="group-cate">
                    <ul>
                        <li class="cate-label">
                            <a href="">情感» </a>
                        </li>
                        <li>
                            <a href="">旅行 </a>
                        </li>
                        <li>
                            <a href="">摄影 </a>
                        </li>
                        <li><a href="">Lorem.</a></li>
                        <li><a href="">Rem.</a></li>
                        <li><a href="">Obcaecati.</a></li>
                        <li><a href="">Ducimus!</a></li>
                        <li><a href="">Quod.</a></li>
                        <li><a href="">Possimus.</a></li>
                        <li><a href="">Distinctio!</a></li>
                        <li><a href="">Nemo!</a></li>
                        <li><a href="">Aut.</a></li>
                        <li><a href="">Sed.</a></li>
                    </ul>
                </div>
                <div class="group-cate">
                    <ul>
                        <li class="cate-label">
                            <a href="">闲聊» </a>
                        </li>
                        <li>
                            <a href="">旅行 </a>
                        </li>
                        <li>
                            <a href="">摄影 </a>
                        </li>
                        <li><a href="">Lorem.</a></li>
                        <li><a href="">Rem.</a></li>
                    </ul>
                </div>
            </div>
            <div class="area_Main">
                <div class="com_title">
                    热门小组 · · · · · ·
                    <span>( <a href="">更多</a> )</span>
                </div>
                <ul>
                    <li class="clearfix">
                        <a class="img" href="">
                            <img src="../image/ef4bd6235a7c6c2.png" alt="">
                        </a>
                        <div class="desc">
                            <a href="">我爱三毛</a>
                            <span>48404 个成员</span>
                        </div>
                    </li>
                    <li class="clearfix">
                        <a class="img" href="">
                            <img src="../image/ef4bd6235a7c6c2.png" alt="">
                        </a>
                        <div class="desc">
                            <a href="">我爱三毛</a>
                            <span>48404 个成员</span>
                        </div>
                    </li>
                    <li class="clearfix">
                        <a class="img" href="">
                            <img src="../image/ef4bd6235a7c6c2.png" alt="">
                        </a>
                        <div class="desc">
                            <a href="">我爱三毛</a>
                            <span>48404 个成员</span>
                        </div>
                    </li>
                    <li class="clearfix">
                        <a class="img" href="">
                            <img src="../image/ef4bd6235a7c6c2.png" alt="">
                        </a>
                        <div class="desc">
                            <a href="">我爱三毛</a>
                            <span>48404 个成员</span>
                        </div>
                    </li>
                    <li class="clearfix">
                        <a class="img" href="">
                            <img src="../image/ef4bd6235a7c6c2.png" alt="">
                        </a>
                        <div class="desc">
                            <a href="">我爱三毛</a>
                            <span>48404 个成员</span>
                        </div>
                    </li>
                    <li class="clearfix">
                        <a class="img" href="">
                            <img src="../image/ef4bd6235a7c6c2.png" alt="">
                        </a>
                        <div class="desc">
                            <a href="">我爱三毛</a>
                            <span>48404 个成员</span>
                        </div>
                    </li>
                    <li class="clearfix">
                        <a class="img" href="">
                            <img src="../image/ef4bd6235a7c6c2.png" alt="">
                        </a>
                        <div class="desc">
                            <a href="">我爱三毛</a>
                            <span>48404 个成员</span>
                        </div>
                    </li>
                    <li class="clearfix">
                        <a class="img" href="">
                            <img src="../image/ef4bd6235a7c6c2.png" alt="">
                        </a>
                        <div class="desc">
                            <a href="">我爱三毛</a>
                            <span>48404 个成员</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="area_book section">
        <div class="wrapper">
            <div class="area_Left">
                <h2>
                    <a href="">读书</a>
                </h2>
                <ul>
                    <li>
                        <div>
                            <a href="">分类浏览</a>
                        </div>
                    </li>
                    <li>
                        <div class="new_type">
                            <a href="">阅读</a>
                        </div>
                    </li>
                    <li>
                        <div><a href="">Lorem.</a></div>
                    </li>
                    <li>
                        <div><a href="">Esse.</a></div>
                    </li>
                    <li>
                        <div><a href="">Cum?</a></div>
                    </li>
                    <li>
                        <div><a href="">Quae!</a></div>
                    </li>
                    <li>
                        <div><a href="">Atque.</a></div>
                    </li>
                </ul>
                <div class="icon">
                    <a href="" class="lnk_icon">
                        <i></i>
                    </a>
                    <a href="">豆瓣阅读</a>
                </div>
            </div>
            <div class="area_Right">
                <div class="com_title">
                    热门标签 · · · · · ·
                    <span>( <a href="">更多</a> )</span>
                </div>
                <div class="book_cate">
                    <ul>
                        <li class="label">
                            [文学]
                        </li>
                        <li>
                            <a href="">小说</a>
                        </li>
                        <li><a href="">Lorem.</a></li>
                        <li><a href="">Facilis.</a></li>
                        <li><a href="">Recusandae!</a></li>
                        <li><a href="">Fuga.</a></li>
                        <li><a href="">Necessitatibus.</a></li>
                        <li><a href="">Et.</a></li>
                        <li><a href="">Minus.</a></li>
                        <li><a href="">Quam.</a></li>
                    </ul>
                </div>
                <div class="book_cate">
                    <ul>
                        <li class="label">
                            [流行]
                        </li>
                        <li>
                            <a href="">小说</a>
                        </li>
                        <li><a href="">Lorem.</a></li>
                        <li><a href="">Facilis.</a></li>
                        <li><a href="">Recusandae!</a></li>
                        <li><a href="">Fuga.</a></li>
                        <li><a href="">Et.</a></li>
                        <li><a href="">Minus.</a></li>
                        <li><a href="">Quam.</a></li>
                    </ul>
                </div>
                <div class="book_cate">
                    <ul>
                        <li class="label">
                            [文化]
                        </li>
                        <li>
                            <a href="">小说</a>
                        </li>
                        <li><a href="">Lorem.</a></li>
                        <li><a href="">Facilis.</a></li>
                        <li><a href="">Et.</a></li>
                        <li><a href="">Minus.</a></li>
                        <li><a href="">Quam.</a></li>
                    </ul>
                </div>
                <div class="book_cate">
                    <ul>
                        <li class="label">
                            [生活]
                        </li>
                        <li>
                            <a href="">小说</a>
                        </li>
                        <li><a href="">Lorem.</a></li>
                        <li><a href="">Facilis.</a></li>
                        <li><a href="">Fuga.</a></li>
                        <li><a href="">Necessitatibus.</a></li>
                        <li><a href="">Et.</a></li>
                        <li><a href="">Minus.</a></li>
                        <li><a href="">Quam.</a></li>
                    </ul>
                </div>
                <div class="book_cate">
                    <ul>
                        <li class="label">
                            [经管]
                        </li>
                        <li>
                            <a href="">小说</a>
                        </li>
                        <li><a href="">Lorem.</a></li>
                        <li><a href="">Facilis.</a></li>
                        <li><a href="">Recusandae!</a></li>
                        <li><a href="">Fuga.</a></li>
                        <li><a href="">Necessitatibus.</a></li>
                        <li><a href="">Et.</a></li>
                        <li><a href="">Minus.</a></li>
                        <li><a href="">Quam.</a></li>
                    </ul>
                </div>
                <div class="book_cate">
                    <ul>
                        <li class="label">
                            [科技]
                        </li>
                        <li>
                            <a href="">小说</a>
                        </li>
                        <li><a href="">Lorem.</a></li>
                        <li><a href="">Facilis.</a></li>
                        <li><a href="">Recusandae!</a></li>
                        <li><a href="">Fuga.</a></li>
                        <li><a href="">Necessitatibus.</a></li>
                        <li><a href="">Et.</a></li>
                        <li><a href="">Minus.</a></li>
                        <li><a href="">Quam.</a></li>
                    </ul>
                </div>
            </div>
            <div class="area_Main">
                <div class="com_title">
                    新书速递 · · · · · ·
                    <span>( <a href="">更多</a> )</span>
                </div>
                <ul>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/s33997562.jpg" alt="">
                            </a>
                        </div>
                        <div class="desc">
                            <a href="">世界上最丑的女人</a>
                            <span> [波兰] 奥尔加·托卡尔丘克</span>
                            <button>免费试读</button>
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/s33997562.jpg" alt="">
                            </a>
                        </div>
                        <div class="desc">
                            <a href="">世界上最丑的女人</a>
                            <span> [波兰] 奥尔加·托卡尔丘克</span>
                            <button>免费试读</button>
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/s33997562.jpg" alt="">
                            </a>
                        </div>
                        <div class="desc">
                            <a href="">世界上最丑的女人</a>
                            <span> [波兰] 奥尔加·托卡尔丘克</span>
                            <button>免费试读</button>
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/s33997562.jpg" alt="">
                            </a>
                        </div>
                        <div class="desc">
                            <a href="">世界上最丑的女人</a>
                            <span> [波兰] 奥尔加·托卡尔丘克</span>
                            <button>免费试读</button>
                        </div>
                    </li>
                </ul>
                <div class="com_title">
                    原创数字作品 · · · · · ·
                    <span>( <a href="">更多</a> )</span>
                </div>
                <ul>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/s33997562.jpg" alt="">
                            </a>
                        </div>
                        <div class="desc">
                            <a href="">世界上最丑的女人</a>
                            <span> [波兰] 奥尔加·托卡尔丘克</span>
                            <button>免费试读</button>
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/s33997562.jpg" alt="">
                            </a>
                        </div>
                        <div class="desc">
                            <a href="">世界上最丑的女人</a>
                            <span> [波兰] 奥尔加·托卡尔丘克</span>
                            <button>免费试读</button>
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/s33997562.jpg" alt="">
                            </a>
                        </div>
                        <div class="desc">
                            <a href="">世界上最丑的女人</a>
                            <span> [波兰] 奥尔加·托卡尔丘克</span>
                            <button>免费试读</button>
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/s33997562.jpg" alt="">
                            </a>
                        </div>
                        <div class="desc">
                            <a href="">世界上最丑的女人</a>
                            <span> [波兰] 奥尔加·托卡尔丘克</span>
                            <button>免费试读</button>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="area_music section">
        <div class="wrapper">
            <div class="area_Left">
                <h2>
                    <a href="">音乐</a>
                </h2>
                <ul>
                    <li>
                        <div>
                            <a href="">音乐人</a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="">潮潮豆瓣音乐周</a>
                        </div>
                    </li>
                    <li>
                        <div><a href="">Lorem.</a></div>
                    </li>
                    <li>
                        <div><a href="">Esse.</a></div>
                    </li>
                    <li>
                        <div><a href="">Cum?</a></div>
                    </li>
                    <li>
                        <div><a href="">Quae!</a></div>
                    </li>
                    <li>
                        <div><a href="">Atque.</a></div>
                    </li>
                </ul>
                <div class="icon">
                    <a href="" class="lnk_icon">
                        <i class="lnk_icon1"></i>
                    </a>
                    <div>
                        <a href="">豆瓣FM</a>
                    </div>
                </div>
                <div class="icon">
                    <a href="" class="lnk_icon">
                        <i class="lnk_icon2"></i>
                    </a>
                    <div>
                        <a href="">豆瓣音乐人</a>
                    </div>
                </div>
            </div>
            <div class="area_Right">
                <div class="com_title">
                    本周流行音乐人 · · · · · ·
                    <span>( <a href="">更多</a> )</span>
                </div>
                <ul>
                    <li class="clearfix">
                        <span class="index">1.</span>
                        <div class="img">
                            <a href="">
                                <img src="../image/eaa4d1394c4ad63.jpg" alt="">
                                <div class="hide">
                                    <i></i>
                                    <img src="../image/ic_bg_play.png" alt="">
                                </div>
                            </a>
                        </div>
                        <div class="desc">
                            <a href="">Yamato Ryou</a>
                            <span>流派: 电子 Electronica</span>
                            <span>267人关注</span>
                        </div>
                    </li>
                    <li class="clearfix">
                        <span class="index">2.</span>
                        <div class="img">
                            <a href="">
                                <img src="../image/eaa4d1394c4ad63.jpg" alt="">
                                <div class="hide">
                                    <i></i>
                                    <img src="../image/ic_bg_play.png" alt="">
                                </div>
                            </a>
                        </div>
                        <div class="desc">
                            <a href="">Yamato Ryou</a>
                            <span>流派: 电子 Electronica</span>
                            <span>267人关注</span>
                        </div>
                    </li>
                    <li class="clearfix">
                        <span class="index">3.</span>
                        <div class="img">
                            <a href="">
                                <img src="../image/eaa4d1394c4ad63.jpg" alt="">
                                <div class="hide">
                                    <i></i>
                                    <img src="../image/ic_bg_play.png" alt="">
                                </div>
                            </a>
                        </div>
                        <div class="desc">
                            <a href="">Yamato Ryou</a>
                            <span>流派: 电子 Electronica</span>
                            <span>267人关注</span>
                        </div>
                    </li>
                    <li class="clearfix">
                        <span class="index">4.</span>
                        <div class="img">
                            <a href="">
                                <img src="../image/eaa4d1394c4ad63.jpg" alt="">
                                <div class="hide">
                                    <i></i>
                                    <img src="../image/ic_bg_play.png" alt="">
                                </div>
                            </a>
                        </div>
                        <div class="desc">
                            <a href="">Yamato Ryou</a>
                            <span>流派: 电子 Electronica</span>
                            <span>267人关注</span>
                        </div>
                    </li>
                    <li class="clearfix">
                        <span class="index">5.</span>
                        <div class="img">
                            <a href="">
                                <img src="../image/eaa4d1394c4ad63.jpg" alt="">
                                <div class="hide">
                                    <i></i>
                                    <img src="../image/ic_bg_play.png" alt="">
                                </div>
                            </a>
                        </div>
                        <div class="desc">
                            <a href="">Yamato Ryou</a>
                            <span>流派: 电子 Electronica</span>
                            <span>267人关注</span>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="area_Main">
                <div class="com_title">
                    豆瓣新碟榜 · · · · · ·
                    <span>( <a href="">更多</a> )</span>
                </div>
                <ul>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/s34090875.jpg" alt="">
                            </a>
                        </div>
                        <div class="index">
                            1.
                            <a href=""> Faye詹雯婷 在云彩上跳舞 叽叽喳喳</a>
                        </div>
                        <div class="name">
                            <a href="">詹雯婷</a>
                        </div>
                        <div class="star">
                            <span class="star40"></span>
                            <span class="num">9.5</span>
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/s34090875.jpg" alt="">
                            </a>
                        </div>
                        <div class="index">
                            2.
                            <a href=""> Faye詹雯婷 在云彩上跳舞 叽叽喳喳</a>
                        </div>
                        <div class="name">
                            <a href="">詹雯婷</a>
                        </div>
                        <div class="star">
                            <span class="star40"></span>
                            <span class="num">9.5</span>
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/s34090875.jpg" alt="">
                            </a>
                        </div>
                        <div class="index">
                            3.
                            <a href=""> Faye詹雯婷 在云彩上跳舞 叽叽喳喳</a>
                        </div>
                        <div class="name">
                            <a href="">詹雯婷</a>
                        </div>
                        <div class="star">
                            <span class="star40"></span>
                            <span class="num">9.5</span>
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/s34090875.jpg" alt="">
                            </a>
                        </div>
                        <div class="index">
                            4.
                            <a href=""> Faye詹雯婷 在云彩上跳舞 叽叽喳喳</a>
                        </div>
                        <div class="name">
                            <a href="">詹雯婷</a>
                        </div>
                        <div class="star">
                            <span class="star40"></span>
                            <span class="num">9.5</span>
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/s34090875.jpg" alt="">
                            </a>
                        </div>
                        <div class="index">
                            5.
                            <a href=""> Faye詹雯婷 在云彩上跳舞 叽叽喳喳</a>
                        </div>
                        <div class="name">
                            <a href="">詹雯婷</a>
                        </div>
                        <div class="star">
                            <span class="star40"></span>
                            <span class="num">9.5</span>
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/s34090875.jpg" alt="">
                            </a>
                        </div>
                        <div class="index">
                            6.
                            <a href=""> Faye詹雯婷 在云彩上跳舞 叽叽喳喳</a>
                        </div>
                        <div class="name">
                            <a href="">詹雯婷</a>
                        </div>
                        <div class="star">
                            <span class="star40"></span>
                            <span class="num">9.5</span>
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/s34090875.jpg" alt="">
                            </a>
                        </div>
                        <div class="index">
                            7.
                            <a href=""> Faye詹雯婷 在云彩上跳舞 叽叽喳喳</a>
                        </div>
                        <div class="name">
                            <a href="">詹雯婷</a>
                        </div>
                        <div class="star">
                            <span class="star40"></span>
                            <span class="num">9.5</span>
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/s34090875.jpg" alt="">
                            </a>
                        </div>
                        <div class="index">
                            8.
                            <a href=""> Faye詹雯婷 在云彩上跳舞 叽叽喳喳</a>
                        </div>
                        <div class="name">
                            <a href="">詹雯婷</a>
                        </div>
                        <div class="star">
                            <span class="star40"></span>
                            <span class="num">9.5</span>
                        </div>
                    </li>
                </ul>
                <div class="com_title">
                    人们歌单 · · · · · ·
                    <span>( <a href="">更多</a> )</span>
                </div>
                <ul>
                    <li>
                        <div class="img2">
                            <a href="">
                                <img src="../image/42958482-1.png" alt="">
                                <i></i>
                            </a>
                        </div>
                        <div class="desc2">
                            <span>【后摇】播放这个歌单，然后...</span>
                        </div>
                    </li>
                    <li>
                        <div class="img2">
                            <a href="">
                                <img src="../image/42958482-1.png" alt="">
                                <i></i>
                            </a>
                        </div>
                        <div class="desc2">
                            <span>【后摇】播放这个歌单，然后...</span>
                        </div>
                    </li>
                    <li>
                        <div class="img2">
                            <a href="">
                                <img src="../image/42958482-1.png" alt="">
                                <i></i>
                            </a>
                        </div>
                        <div class="desc2">
                            <span>【后摇】播放这个歌单，然后...</span>
                        </div>
                    </li>
                    <li>
                        <div class="img2">
                            <a href="">
                                <img src="../image/42958482-1.png" alt="">
                                <i></i>
                            </a>
                        </div>
                        <div class="desc2">
                            <span>【后摇】播放这个歌单，然后...</span>
                        </div>
                    </li>
                    <li>
                        <div class="img2">
                            <a href="">
                                <img src="../image/42958482-1.png" alt="">
                                <i></i>
                            </a>
                        </div>
                        <div class="desc2">
                            <span>【后摇】播放这个歌单，然后...</span>
                        </div>
                    </li>
                    <li>
                        <div class="img2">
                            <a href="">
                                <img src="../image/42958482-1.png" alt="">
                                <i></i>
                            </a>
                        </div>
                        <div class="desc2">
                            <span>【后摇】播放这个歌单，然后...</span>
                        </div>
                    </li>
                    <li>
                        <div class="img2">
                            <a href="">
                                <img src="../image/42958482-1.png" alt="">
                                <i></i>
                            </a>
                        </div>
                        <div class="desc2">
                            <span>【后摇】播放这个歌单，然后...</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="area_doupin section">
        <div class="wrapper">
            <div class="area_Left">
                <h2>
                    <a href="">斗品</a>
                </h2>
            </div>
            <div class="area_Right">
                <div class="com_title">
                    热门活动 · · · · · ·
                </div>
                <div class="img">
                    <a href="">
                        <img src="../image/file-1513305186-3.jpg" alt="">
                    </a>
                    <div class="desc">
                        <a href="">我的豆瓣收藏夹里有什么</a>
                    </div>
                </div>
                <div class="com_title">
                    官方小组 · · · · · ·
                    <span>( <a href="">更多</a> )</span>
                </div>
                <ul>
                    <li>
                        <div class="name">
                            <a href="">【申请已结束】一日三餐，一起吃饭：邀请各位爱晒猫的铲屎官免费试用新品「豆瓣猫咪餐具」</a>
                        </div>
                        <div class="num clearfix">
                            <span>684 人参与</span>
                            <span class="right">07-03</span>
                        </div>
                    </li>
                    <li>
                        <div class="name">
                            <a href="">【申请已结束】一日三餐，一起吃饭：邀请各位爱晒猫的铲屎官免费试用新品「豆瓣猫咪餐具」</a>
                        </div>
                        <div class="num clearfix">
                            <span>684 人参与</span>
                            <span class="right">07-03</span>
                        </div>
                    </li>
                    <li>
                        <div class="name">
                            <a href="">【申请已结束】一日三餐，一起吃饭：邀请各位爱晒猫的铲屎官免费试用新品「豆瓣猫咪餐具」</a>
                        </div>
                        <div class="num clearfix">
                            <span>684 人参与</span>
                            <span class="right">07-03</span>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="area_Main">
                <div class="com_title">
                    热卖商品 · · · · · ·
                    <span>( <a href="">更多</a> )</span>
                </div>
                <ul>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/file-1634640580-1.jpg" alt="">
                            </a>
                        </div>
                        <div class="desc">
                            <span>￥88</span>
                            <div class="desc1">
                                <a href="">豆瓣读书周历2022</a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/file-1634640580-1.jpg" alt="">
                            </a>
                        </div>
                        <div class="desc">
                            <span>￥88</span>
                            <div class="desc1">
                                <a href="">豆瓣读书周历2022</a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/file-1634640580-1.jpg" alt="">
                            </a>
                        </div>
                        <div class="desc">
                            <span>￥88</span>
                            <div class="desc1">
                                <a href="">豆瓣读书周历2022</a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <a href="">
                                <img src="../image/file-1634640580-1.jpg" alt="">
                            </a>
                        </div>
                        <div class="desc">
                            <span>￥88</span>
                            <div class="desc1">
                                <a href="">豆瓣读书周历2022</a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="area_city section">
        <div class="wrapper">
            <div class="area_Left">
                <h2>
                    <a href="">同城</a>
                </h2>
                <ul>
                    <li>
                        <div>
                            <a href="">近期活动</a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <a href="">主办方</a>
                        </div>
                    </li>
                    <li>
                        <div><a href="">Lorem.</a></div>
                    </li>
                </ul>
            </div>
            <div class="area_Right">
                <div class="com_title">
                    活动标签 · · · · · ·
                </div>
                <div class="group-cate">
                    <ul>
                        <li class="cate-label">
                            <a href="">音乐» </a>
                        </li>
                        <li>
                            <a href="">小型现场 </a>
                        </li>
                        <li>
                            <a href="">音乐会 </a>
                        </li>
                        <li><a href="">Lorem.</a></li>
                        <li><a href="">Obcaecati.</a></li>
                        <li><a href="">Rem.</a></li>
                        <li><a href="">Ducimus!</a></li>
                    </ul>
                </div>
                <div class="group-cate">
                    <ul>
                        <li class="cate-label">
                            <a href="">戏剧» </a>
                        </li>
                        <li>
                            <a href="">小型现场 </a>
                        </li>
                        <li>
                            <a href="">音乐会 </a>
                        </li>
                        <li><a href="">Lorem.</a></li>
                        <li><a href="">Obcaecati.</a></li>
                        <li><a href="">Rem.</a></li>
                        <li><a href="">Ducimus!</a></li>
                    </ul>
                </div>
                <div class="group-cate">
                    <ul>
                        <li class="cate-label">
                            <a href="">聚会» </a>
                        </li>
                        <li>
                            <a href="">小型现场 </a>
                        </li>
                        <li>
                            <a href="">音乐会 </a>
                        </li>
                        <li><a href="">Lorem.</a></li>
                        <li><a href="">Obcaecati.</a></li>
                        <li><a href="">Rem.</a></li>
                        <li><a href="">Ducimus!</a></li>
                    </ul>
                </div>
                <div class="group-cate">
                    <ul>
                        <li class="cate-label">
                            <a href="">电影» </a>
                        </li>
                        <li>
                            <a href="">小型现场 </a>
                        </li>
                        <li>
                            <a href="">音乐会 </a>
                        </li>
                        <li><a href="">Lorem.</a></li>
                        <li><a href="">Obcaecati.</a></li>
                        <li><a href="">Rem.</a></li>
                        <li><a href="">Ducimus!</a></li>
                    </ul>
                </div>
                <div class="group-cate">
                    <ul>
                        <li class="cate-label">
                            <a href="">其他» </a>
                        </li>
                        <li>
                            <a href="">小型现场 </a>
                        </li>
                        <li>
                            <a href="">音乐会 </a>
                        </li>
                        <li><a href="">Lorem.</a></li>
                        <li><a href="">Obcaecati.</a></li>
                        <li><a href="">Rem.</a></li>
                        <li><a href="">Ducimus!</a></li>
                    </ul>
                </div>
            </div>
            <div class="area_Main">
                <div class="com_title">
                    北京 · 本周热门活动 · · · · · ·
                    <span>( <a href="">更多</a> )</span>
                </div>
                <ul>
                    <li class="clearfix">
                        <div class="img left">
                            <a href="">
                                <img src="../image/138462f9f8637ef.jpg" alt="">
                            </a>
                        </div>
                        <div class="desc">
                            <a href="">疫情期间娱乐新方式丨帮你从0听到音乐会跳舞 收获协调...</a>
                            <span>11月5日 周五 - 1月31日 周一</span>
                            <span>中关村/西单TheSoul</span>
                            <span>27人关注</span>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="img left">
                            <a href="">
                                <img src="../image/138462f9f8637ef.jpg" alt="">
                            </a>
                        </div>
                        <div class="desc">
                            <a href="">疫情期间娱乐新方式丨帮你从0听到音乐会跳舞 收获协调...</a>
                            <span>11月5日 周五 - 1月31日 周一</span>
                            <span>中关村/西单TheSoul</span>
                            <span>27人关注</span>
                        </div>
                    </li>

                    <li class="clearfix">
                        <div class="img left">
                            <a href="">
                                <img src="../image/138462f9f8637ef.jpg" alt="">
                            </a>
                        </div>
                        <div class="desc">
                            <a href="">疫情期间娱乐新方式丨帮你从0听到音乐会跳舞 收获协调...</a>
                            <span>11月5日 周五 - 1月31日 周一</span>
                            <span>中关村/西单TheSoul</span>
                            <span>27人关注</span>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="img left">
                            <a href="">
                                <img src="../image/138462f9f8637ef.jpg" alt="">
                            </a>
                        </div>
                        <div class="desc">
                            <a href="">疫情期间娱乐新方式丨帮你从0听到音乐会跳舞 收获协调...</a>
                            <span>11月5日 周五 - 1月31日 周一</span>
                            <span>中关村/西单TheSoul</span>
                            <span>27人关注</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="area_bottom section">
        <div class="wrapper">
            <div class="desc clearfix">
                <div class="desc1 left">
                    <span>© 2005－2022 douban.com, all rights reserved 北京豆网科技有限公司</span>
                    <a href="">营业执照</a>
                    <a href="">京ICP证090015号</a>
                    <a href="">京ICP备11027288号</a>
                    <a href="">网络视听许可证0110418号</a>
                    <span>京网文[2021]2980-826号<a href=""> 新出发京批字第直160029号 </a>（署）网出证（京）字第120号</span>
                    <span>违法和不良信息/涉未成年人有害信息投诉：</span>
                    <span>违法和不良信息投诉电话：4008353331-9</span>
                    <span>网络从业者不良行为举报：</span>
                    <span>
                        <img src="../image/jubao.png" alt="">
                        <a href=""> 中国互联网举报中心</a>
                        电话：12377
                        <img src="../image/biaoshi.gif" alt="">
                        <a href="">京公网安备11010502000728</a>
                    </span>
                </div>
                <div class="desc2 right">
                    <ul>
                        <li>
                            <a href="">关于豆瓣</a>
                        </li>
                        <li><a href="">Lorem, ipsum.</a></li>
                        <li><a href="">Voluptatem!</a></li>
                        <li><a href="">possimus.</a></li>
                        <li><a href="">nisi?</a></li>
                        <li><a href="">Dolor, illo!</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</body>

</html>